<template>
  <div class="app">
    <h2>富文本编辑器示例</h2>
    <RichTextEditor 
      @input="handleContentChange"
      :initial-content="initialContent"
      :height="400"
      placeholder="请输入内容..."
    />
  </div>
</template>

<script setup lang="ts">
import RichTextEditor from '@/components/commons/richEditor/index.vue';
import { ref } from 'vue';

const initialContent = ref('<p>初始内容</p>');
const handleContentChange = (content: string) => {
  console.log('编辑器内容:', content);
};
</script>

<style>
.app {
  max-width: 1000px;
  margin: 20px auto;
  padding: 0 20px;
}
</style>